<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ezcomp="http://java.sun.com/jsf/composite/ezcomp">

    <body>
        <ui:composition template="../templates/principalTemplate.xhtml">
            <ui:define name="left"></ui:define>
            <ui:define name="content">
                <div id="Registrar" class="center_registrar">
                    <h:form id="formCreaUsuario">
                        <p:panel id="panel" header="Registrar Usuario" style="width:750px;">
                            <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
                            <h:panelGrid columns="3" cellpadding="5">
                                <p:outputLabel for="txtUsuario" value="Usuario"/>
                                <p:inputText id="txtUsuario"  label="Usuario" required="true" value="#{crearUsuario.usuario}">
                                    <f:validateRegex pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />
                                    <f:validateLength maximum="50" />
                                </p:inputText>
                                <p:message for="txtUsuario" />
                                <p:outputLabel for="txtContrasena" value="Contraseña"/>
                                <p:password id="txtContrasena"  label="Contraseña" match="txtContrasena2" required="true" feedback="true"
                                            value="#{crearUsuario.contrasena}"/>
                                <p:message for="txtContrasena" />
                                <p:outputLabel for="txtContrasena2" value="Confirmar contraseña"/>
                                <p:password id="txtContrasena2"  label="Confirmar contraseña" required="true" feedback="true"
                                            value="#{crearUsuario.contrasena}"/>
                                <p:message for="txtContrasena2" />
                            </h:panelGrid>
                            <ezcomp:capturaPersona id="persona" pojo="#{crearUsuario.persona}" capturaCorreo="true" />
                            <h:panelGrid columns="3" cellpadding="5">
                                <p:commandButton id="btnRegistrar" value="Registrar" ajax="false" actionListener="#{crearUsuario.guardaUsuario()}" />
                                <p:commandButton id="btnCancelar" value="Cancelar" ajax="false" />
                            </h:panelGrid>
                        </p:panel>
                    </h:form>
                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>
